<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /*合并单元格边框*/
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <!-- 表格标签 table
     tr 表示一行
     td 表示一列中的一个单元格
     th 表头标签 自带居中加粗效果
     border属性表示边框
     cellspacing表示单元格与单元格之间的距离
     width宽
     height高
     align设置表格对齐方式 左中右 left center right
     backgroundcolor背景颜色
     background背景图片
     -->
     <table " bgcolor="pink" width="400px" height="300px" align="center" border="1" cellspacing="0">
        <tr bgcolor="red">
            <!-- ctrl+d 跳转到下一个同名单词 -->
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td bgcolor="yellow">terry</td>
            <td>male</td>
            <td>28</td>
        </tr>
        <tr>
            <td>larry</td>
            <td>female</td>
            <td>20</td>
        </tr>
     </table>
</body>
</html>